import React from 'react'
import {connect} from 'react-redux'
/*
  在react-redux中提供了一个高阶组件，这个高阶组件connect
  1、首先从react-redux库中导入connect可以将我们的将函数组件封装起来，封装之后，就可以访问和操作store的内容
*/
import {additionActionCreator} from '@/store/action/counterAction'
function Counter(props) {
  console.log('props',props);
  return (
    <div>
       <h1>计数器</h1>
      <h2>{props.count}</h2>
      <button onClick={()=>{
        //props.dispatch(additionActionCreator(props.n))
        props.fn(additionActionCreator(props.n))
      }}>+</button>
    </div>
  )
}
const mapStateToProps=(state)=>{
  return state
}
const mapDispatchToProps=(arg)=>{
  console.log('arg',arg);
  return {
    fn:arg
  }
}
export default connect(mapStateToProps,mapDispatchToProps)(Counter)
